/**************************侧边导航事件*********************************************************/
//移入  变色显示数字
//var timery
//$("#cnav .c-nav  ul li").hover(function() {
//		//每次移入停止定时器
//		clearTimeout(timery)
//			//移入切换样式
//		$(this).css({
//			background: "crimson"
//		})
//		$(this).find(".top-i").css({
//			display: "none"
//		}).siblings(".bt-z").css({
//			display: "block"
//		})
//		if ($(this).index() == 6) {
//			$(".wm").css({
//					display: "block"
//				})
//				//延时定时器 4秒后自动消失
//			timery = setTimeout(function() {
//				$(".wm").css({
//					display: "none"
//				})
//			}, 3000)
//		}
//	}, function() {
//		//移出切换样式 
//		$(this).css({
//			background: "#020202"
//		})
//		$(this).find(".top-i").css({
//			display: "block"
//		}).siblings(".bt-z").css({
//			display: "none"
//		})
//		if ($(this).index() == 6) {
//			timery = setTimeout(function() {
//				$(".wm").css({
//					display: "none"
//				})
//			}, 3000)
//		}
//	})
//	//点击事件
//var tmerx
//$("#cnav .c-nav  ul li").click(function() {
//		clearTimeout(this.tmerx)
//		$(this).children(".yin").css({
//			display: "block"
//		})
//		var that = $(this)
//			//自动消失
//		this.tmerx = setTimeout(function() {
//				that.children(".yin").css({
//					display: "none"
//				})
//			}, 2000)
//			//关闭开启事件
//		$(this).siblings("li").children(".yin").css({
//				display: "none"
//			})
//			//关闭购物车
//		$(".cart-box .cha").click()
//		$(".liulan-box .cha").click()
//	})
//	//点击购物车事件
//$('.cat-g ').click(function() {
//	$(".xuan").children(".cart-box").css({
//		display: "block"
//	})
//	$(".xuan").children(".liulan-box").css({
//		display: "none"
//	})
//	$("#cnav").stop().animate({
//		right: 0
//	})
//})
//
//$('.zj').click(function() {
//	$(".xuan").children(".liulan-box").css({
//		display: "block"
//	})
//	$(".xuan").children(".cart-box").css({
//		display: "none"
//	})
//	$("#cnav").stop().animate({
//		right: 0
//	})
//})
//
////点击×事件
//$(".cart-box .cha").click(function() {
//	$("#cnav").stop().animate({
//		right: -209 + "px"
//	})
//})
//$(".liulan-box .cha").click(function() {
//	$("#cnav").stop().animate({
//		right: -209 + "px"
//	})
//})
//
///**************************回到顶部***********************************/
//$(".fh").click(function() {
//		$(window).scrollTop(0)
//	})
//	/***************************隐藏侧边***************************************/
//$(".yin-c ").click(function() {
//		$("#cnav").stop().animate({
//			"opacity": 0
//		}, function() {
//			$("#cnav").css({
//					display: "none",
//					"opacity": 1
//				})
//				//显示
//			$(".x-cnav").css({
//				display: "block"
//			})
//		})
//	})
//	/*****************************点击出现********************/
//
//$(".x-cnav").click(function() {
//	$(".x-cnav").stop().animate({
//		"opacity": 0
//	}, function() {
//		$(".x-cnav").css({
//				"display": "none",
//				"opacity": 1
//			})
//			//显示
//		$("#cnav").css({
//			"display": "block"
//		})
//	})
//})




///****************************获取导航信息***************************************/
//$.get("../js/hoome.json", function(data) {
//	//data  代表成功的时候，所得到的数据（内容）
//	//for循环 获取类型数据
//	for (var i = 0; i < data.length; i++) {
//		//获取头部导航数据
//		var navObj = data[0];
//	}
//	//for in 循环获取其内部各导航名
//	for (var key in navObj) {
//		//获取各个导航名  key 判断 因为每个导航内部样式不同所以 判断
//		//生成导航
//		if (key == "headline") {
//			var navarr = navObj[key]
//				//获取到导航个数
//			for (var u = 0; u < navarr.length; u++) {
//				//获取到每个导航信息
//				var navs = navarr[u];
//				//创建装载信息的节点
//				var li = $("<li class='initial'></li>")
//					//每个节点信息不同循环
//					//为创建的接点填信息
//				if (u == 0) {
//					li.html("<a href='" + navs.menuTarge + "'><div id='logo'></div></a>")
//
//				} else {
//					li.html("<a href='" + navs.menuTarge + "'>" + navs.menuName + "<i></i></a>")
//				}
//				$(".nav1").append(li)
//			}
//		}
//		if (key == "xilei") {
//			var xl = navObj[key]; //定义系列对象
//			//循环系列内部内容 分别放入创建的节点
//			for (var j = 0; j < xl.length; j++) {
//				var xlObj = xl[j]; //代表每个系列中的单独信息
//				//创建节点
//				var xldiv = $("<div class='colL5 lboder'></div>")
//				xldiv.html("<p><img src='" + xlObj.p + "'/></p><p><a href='" + xlObj.menuTarg + "'>" + xlObj.p1 + "</a></p>")
//					//将创建好的节点放入指定盒子中	 
//				$(".ls5").append(xldiv)
//			}
//		}
//		if (key == "gengduo") {
//			var gd = navObj[key]; //定义系列对象
//			//循环更多内部内容 分别放入创建的节点
//			for (var j = 0; j < gd.length; j++) {
//				var gdObj = gd[j]; //代表每个更多中的单独信息
//				//创建节点
//				var gddiv = $("<div class='colL6 lboder'><p><a href='" + gdObj.menuTarge + "'><img src='" +
//						gdObj.p + "' /></p></a></div>")
//					//将创建好的节点放入指定盒子中	 
//				$(".ls6").append(gddiv)
//			}
//		}
//		if (key == "weide") {
//			var wd = navObj[key]; //定义系列对象
//			//获取出列表中的各类
//			for (var j = 0; j < wd.length; j++) {
//				var wdObj = wd[j]; //获取的是每个类的对象  其中又分多个项
//				//思路这些项装在一个div 中所以创建节点
//				//又因为每个样式不同判
//				if (j == 0) {
//					var wddiv = $("<div class='colL3 lboder'></div>")
//				} else {
//					var wddiv = $("<div class='colL3'></div>")
//				}
//				//创建类 的标题
//				var wdH4 = $("<h2></h2>");
//				wdH4.html("<a style='color:red' href='" + wdObj.menuTarge + "'>" + wdObj.H2 + "</a>")
//					//将其放入div内
//				wddiv.append(wdH4)
//					//获取项
//				var wdX = wdObj.op
//					//创建结束后再向每个类中放入项； 项有多个循环便利
//				for (var k = 0; k < wdX.length; k++) {
//					//创建类  因类也个不相同判断
//					var wdp = wdX[k]; //设置的项
//					//创建p
//					if (wdp.jj == "kk") {
//						k == wdX.length - 1
//						var wdpt = $("<p></p>");
//						wdpt.html("<p class='ptop'><b>" + wdp.p + "</b><i></i></p>")
//						wddiv.append(wdpt)
//					} else {
//						if (wdp.cc == "aa") {
//							var wdpt = $("<p></p>");
//							wdpt.html("<p><i>" + wdp.p + "</i></p>")
//							wddiv.append(wdpt)
//						} else {
//							var wdpt = $("<p></p>");
//							wdpt.html("<p>" + wdp.p + "</p>")
//							wddiv.append(wdpt)
//						}
//					}
//				}
//				$(".lsw").append(wddiv)
//			}
//		}
//		if (key == "nv") {
//			var nv = navObj[key]; //定义系列对象
//			//获取出列表中的各类
//			for (var j = 0; j < nv.length; j++) {
//				var nvObj = nv[j]; //获取的是每个类的对象  其中又分多个项
//				//思路这些项装在一个div 中所以创建节点
//				//又因为每个样式不同判
//				if (j == 0) {
//					var nvdiv = $("<div class='colL3 lboder'></div>")
//				} else {
//					var nvdiv = $("<div class='colL3'></div>")
//				}
//				//创建类 的标题
//				var nvH4 = $("<h2></h2>");
//				nvH4.html("<a style='color:red' href='" + nvObj.menuTarge + "'>" + nvObj.H2 + "</a>")
//					//将其放入div内
//				nvdiv.append(nvH4)
//					//获取项
//				var nvX = nvObj.op
//					//创建结束后再向每个类中放入项； 项有多个循环便利
//				for (var k = 0; k < nvX.length; k++) {
//					//创建类  因类也个不相同判断
//					var nvp = nvX[k]; //设置的项
//					//创建p
//					if (nvp.jj == "kk") {
//						k == nvX.length - 1
//						var nvpt = $("<p></p>");
//						nvpt.html("<p class='ptop'><b>" + nvp.p + "</b><i></i></p>")
//						nvdiv.append(nvpt)
//					} else {
//						if (nvp.cc == "aa") {
//							var nvpt = $("<p></p>");
//							nvpt.html("<p><i>" + nvp.p + "</i></p>")
//							nvdiv.append(nvpt)
//						} else {
//							var nvpt = $("<p></p>");
//							nvpt.html("<p>" + nvp.p + "</p>")
//							nvdiv.append(nvpt)
//						}
//					}
//				}
//				$(".lsn").append(nvdiv)
//			}
//		}
//		if (key == "leitu") {
//			var lt = navObj[key]; //定义系列对象
//			//获取出列表中的各类
//			for (var j = 0; j < lt.length; j++) {
//				var ltObj = lt[j]; //获取的是每个类的对象  其中又分多个项
//				//思路这些项装在一个div 中所以创建节点
//				//又因为每个样式不同判
//				if (j == 0) {
//					var ltdiv = $("<div class='colL3 lboder'></div>")
//				} else {
//					var ltdiv = $("<div class='colL3'></div>")
//				}
//				//创建类 的标题
//				var ltH4 = $("<h2></h2>");
//				ltH4.html("<a style='color:red' href='" + ltObj.menuTarge + "'>" + ltObj.H2 + "</a>")
//					//将其放入div内
//				ltdiv.append(ltH4)
//					//获取项
//				var ltX = ltObj.op
//					//创建结束后再向每个类中放入项； 项有多个循环便利
//				for (var k = 0; k < ltX.length; k++) {
//					//创建类  因类也个不相同判断
//					var ltp = ltX[k]; //设置的项
//					//创建p
//					if (ltp.jj == "kk") {
//						k == ltX.length - 1
//						var ltpt = $("<p></p>");
//						ltpt.html("<p class='ptop'><b>" + ltp.p + "</b><i></i></p>")
//						ltdiv.append(ltpt)
//					} else {
//						if (ltp.cc == "aa") {
//							var ltpt = $("<p></p>");
//							ltpt.html("<p><i>" + ltp.p + "</i></p>")
//							ltdiv.append(ltpt)
//						} else {
//							var ltpt = $("<p></p>");
//							ltpt.html("<p>" + ltp.p + "</p>")
//							ltdiv.append(ltpt)
//						}
//					}
//				}
//				$(".lsl").append(ltdiv)
//			}
//		}
//		//创建男子
//		if (key == "man") {
//			var man = navObj[key]; //定义系列对象
//			//获取出列表中的各类
//			for (var j = 0; j < man.length; j++) {
//				var manObj = man[j]; //获取的是每个类的对象  其中又分多个项
//				//思路这些项装在一个div 中所以创建节点
//				//又因为每个样式不同判
//				if (j == 0) {
//					var mandiv = $("<div class='colL3 lboder'></div>")
//				} else {
//					var mandiv = $("<div class='colL3'></div>")
//				}
//				//创建类 的标题
//				var manH4 = $("<h2></h2>");
//				manH4.html("<a style='color:red' href='" + manObj.menuTarge + "'>" + manObj.H2 + "</a>")
//					//将其放入div内
//				mandiv.append(manH4)
//					//获取项
//				var manX = manObj.op
//					//创建结束后再向每个类中放入项； 项有多个循环便利
//				for (var k = 0; k < manX.length; k++) {
//					//创建类  因类也个不相同判断
//					var manp = manX[k]; //设置的项
//					//创建p
//					if (manp.jj == "kk") {
//						k == manX.length - 1
//						var manpt = $("<p></p>");
//						manpt.html("<p class='ptop'><b>" + manp.p + "</b><i></i></p>")
//						mandiv.append(manpt)
//					} else {
//						if (manp.cc == "aa") {
//							var manpt = $("<p></p>");
//							manpt.html("<p><i>" + manp.p + "</i></p>")
//							mandiv.append(manpt)
//						} else {
//							var manpt = $("<p></p>");
//							manpt.html("<p>" + manp.p + "</p>")
//							mandiv.append(manpt)
//						}
//					}
//				}
//				$(".lsm").append(mandiv)
//			}
//		}
//		//创建所有 商品
//		if (key == "soyou") {
//			//获取所有商品集合
//			var sy = navObj[key];
//			//获取结合后 起浓分三层
//			//分类 上部信息
//			var sys = sy[0];
//			//上部信息循环便利获取其中的信息
//			for (var j = 0; j < sys.length; j++) {
//				var sysObj = sys[j]; //获取的是每个类的对象  其中又分多个项
//				//思路这些项装在一个div 中所以创建节点
//				//又因为每个样式不同判
//				if (j == 0) {
//					var sysdiv = $("<div class='colL3 lboder'></div>")
//				} else {
//					var sysdiv = $("<div class='colL3'></div>")
//				}
//				//创建类 的标题
//				var sysH4 = $("<h2></h2>");
//				sysH4.html("<a style='color:red' href='" + sysObj.menuTarge + "'>" + sysObj.H2 + "</a>")
//					//将其放入div内
//				sysdiv.append(sysH4)
//					//获取项
//				var sysX = sysObj.op
//					//创建结束后再向每个类中放入项； 项有多个循环便利
//				for (var k = 0; k < sysX.length; k++) {
//					//创建类  因类也个不相同判断
//					var sysp = sysX[k]; //设置的项
//					//创建p
//					if (sysp.jj == "kk") {
//						k == sysX.length - 1
//						var syspt = $("<p></p>");
//						syspt.html("<p class='ptop'><b>" + sysp.p + "</b><i></i></p>")
//						sysdiv.append(syspt)
//					} else {
//						if (sysp.cc == "aa") {
//							var syspt = $("<p></p>");
//							syspt.html("<p><i>" + sysp.p + "</i></p>")
//							sysdiv.append(syspt)
//						} else {
//							var syspt = $("<p></p>");
//							syspt.html("<p>" + sysp.p + "</p>")
//							sysdiv.append(syspt)
//						}
//					}
//				}
//				$(".lss").append(sysdiv)
//			}
//			//中部信息
//			var syz = sy[1];
//			//for循环便利信息
//			for (var m = 0; m < syz.length; m++) {
//				//创建节点
//				var li = $("<li></li>");
//				//节点的内容
//				li.html("<p><img src='" + syz[m] + "' </p>");
//				//放入相应的节点
//				$(".rec-box").append(li)
//			}
//			//下部信息
//			var syx = sy[2];
//			for (var b = 0; b < syx.length; b++) {
//				//创建节点
//				var span = $("<span></span>")
//				span.html("<img src='" + syx[b] + "' />")
//				$(".Link").append(span)
//			}
//		}
//		//加载完成后执行事件
//		/***********************************导航移入效果*****************************/
//		//思路 首先 移入li后其背景色改变并且字体颜色改变 下角标
//		//路径改变变白
//		//	移入其中触发 信息效果
//		var indexx
//		$("#nav").hover(function() {
//			//移入li 变色
//			$(".initial").mouseover(function() {
//				indexx = $(this).index()
//				$(this).addClass("liactive").siblings().removeClass("liactive")
//					//切换角标色
//				$(this).children().children("i").css({
//						background: "url(../img/index-img/global.png) -173px -14px"
//					})
//					//切换角标色
//				$(this).siblings().children().children("i").css({
//						background: "url(../img/index-img/global.png) -166px -14px"
//					})
//					//显示隐藏 导航
//				var inde = $(this).index();
//				$(".list").siblings(".list").css({
//					display: "none"
//				})
//				$(".list").eq(inde).css({
//					display: "block"
//				})
//			})
//		}, function() {
//			$(".list").siblings(".list").css({
//				display: "none"
//			})
//			$(".initial").eq(indexx).removeClass("liactive")
//		})
//	}
//})

/**************************定时器效果**************************************/

var endTime = new Date("2017/1/20");
setInterval(getSubTime, 1000);

function getSubTime() {
	var nowTime = new Date();
	var n = parseInt((endTime.getTime() - nowTime.getTime()) / 1000);

	$("#tian").html(parseInt(n / 60 / 60 / 24));
	$("#xiaoshi").html(parseInt(n / 60 / 60 % 24));
}

/**********************加载数据并创建文本节点************************************************************************/
//创建左侧标题
$.get("../commodity-json/title.json", function(data) {
	//		console.log(data)
	//for循环判断加载几个项
	var tit = data
	for (var i = 0; i < tit.length; i++) {
		//创建大盒子节点
		var div = $('<div class="xang"></div>')
			//创建标题
		var biaoti = data[i]["biaoti"]
			//			console.log(biaoti)
			//创建装载 标题盒子
		var h4 = $('<h4></h4>')
		h4.html('<a href="' + biaoti["menuTarge"] + '">' + biaoti['p'] + '</a>')
			//放到大盒子中
		div.append(h4)
			/*****创建信息载体************/
		var ul = $('<ul></ul>')
			//循环创建信息
		var xx = data[i]["xinxi"]
		for (var k = 0; k < xx.length; k++) {
			//					console.log(xx[k])
			//创建节点
			var li = $('<li></li>')
			li.html('<li><a href="' + xx[k]["menuTarge"] + '">' + xx[k]["p"] + '</a></li>')
				//将li 放入父节点中
			ul.append(li)
		}
		//将 ul 放入div中
		div.append(ul);
		//将div 放入 文本中
		$('.l-box').append(div)
	}
	//节点加载完成后创建事件
	//创建事件  移入变色
	$(".xang").each(function() {
		$(this).find("ul a").hover(function() {
			$(this).css({
				color: "red"
			})
		}, function() {
			$(this).css({
				color: "black"
			})
		})
	})
})


/*************************************************以下内容是动态创建 创建条件是对照商品编号**************************************************************/


//alert(typeof $("#bh").val())


$.get("../pro_center.json/pro_center.json", function(data) {
		for(var q=0;q<data.length;q++){
//			console.log(data[q])
//alert(typeof data[q][0]["pid"])
			//判断如果加载的pid等于json内的数据则加载该pid 的数据
			if( data[q][0]["pid"]==$("#bh").val()){
				
			
						/**********************创建放大镜**************************/
		
				//创建节点
				var fdj = $('<div class="fdj"></div>');
			
				//创建大图片
				var da = data[q][1]["da"];
			
				//  fdj存放3个节点  创建3个
				var dimg = $('<div class="dimg"></div>')
				var fda = $('<div class="fda"></div>')
					//for循环创建
				for (var i = 0; i < da.length; i++) {
					//创建节点
					if (i == 0) {
						var span = $('<span class="dimg-active"></span>')
						var b = $('<b  class="b-active"></b>')
					} else {
						var span = $('<span></span>')
						var b = $('<b></b>')
					}
					span.html('<img src="' + da[i] + '"/>')
					b.html('<img src="' + da[i] + '"/>')
						//上传父集
					dimg.append(span)
					fda.append(b)
				}
			
				//s上传父节点
				fdj.append(dimg);
				fdj.append(fda);
				/***********************创建导航***************************/
				var xia = data[q][1]["xia"];
				var ximg = $('<ul class="ximg"></ul>')
					//for循环创建
				for (var k = 0; k < xia.length; k++) {
					//创建节点
					var li = $('<li></li>')
					li.html('<img src="' + xia[k] + '"/>')
						//上传父集
					ximg.append(li)
			
				}
				fdj.append(ximg)
				$('.f-y-j').append(fdj)
					//创建分割线
				var ffeng = $('<div class="f-fenge"></div>')
				$('.f-y-j').append(ffeng)
					/*****************放大镜事件*************************/
					/***************************************放大镜效果***********************************************/
			
				$(".dimg").mousemove(function(e) {
					//显示大图片
					$(".fda").css({
							display: "block"
						})
						//获取小div 的位置 与鼠标想等
					var x = e.pageX - ($(this).offset()["left"]) - 46
					var y = e.pageY - ($(this).offset()["top"]) - 46
						//	    console.log(x +" "+ y)
					if (x > 278) {
						x = 278
					}
					if (x < 46) {
						x = 0
					}
					if (y < 46) {
						y = 0
					}
					if (y > 278) {
						y = 278
					}
					//指定下方框 位置
					$("#yd").css({
						left: x + "px",
						top: y + "px"
					})
			
					//将改坐标赋给大图片
					$(".fda b").css({
						left: -x * 4,
						top: -y * 4
					})
				})
			
				//移除消失
				$(".dimg").mouseout(function() {
						$(".fda").css({
							display: "none"
						})
					})
					//移入导航导航切换图片
				$(".ximg li").mouseover(function() {
					$(this).addClass("ximg-active").siblings('li').removeClass("ximg-active")
						//获取下标
					var inde = $(this).index();
					//显示上面图片
					$(".dimg span").eq(inde).addClass("dimg-active").siblings("span").removeClass("dimg-active")
						//大图片显示隐藏
					$(".fda b").eq(inde).addClass("b-active").siblings("b").removeClass("b-active")
				})
			
				/*****************************创建中部商品信息*************************************/
				//创建大盒子
				var details = $('<div class="details"></div>')
			
				//创建标题
				var zhong = data[q][2]["title"];
				var h4 = $('<h4></h4>');
				h4.html(zhong);
				//传入父节点
				details.append(h4);
			
				//创建优惠
				var privilege = $('<div class="privilege"></div>')
				privilege.html('<p><span>' + data[q][2]["youhui"][0] + '</span>' + data[q][2]["youhui"][1] + '</p>');
				//传入父节点
				details.append(privilege);
			
				//创建倒计时
				var dsq = $('<div class="dsq"></div>')
				dsq.html('<p class="p-l">特价即将开始</p>' +
					'<p class="p-r">距离开始：' +
					'<span id="tian"></span>' +
					'天' +
					'<span id="xiaoshi"></span>' +
					'小时' +
					'</span>' +
					'</p>');
				//传入父节点
				details.append(dsq);
				//创建商品介绍
				var referral = $('<div class="referral"></div>')
				referral.html('<span class="ll">' + data[q][2]["bianhao"][0] + ':</span><span class="rr">' + data[q][2]["bianhao"][1] + '</span>' +
					'<span class="ll">' + data[0][2]["diaopaijia"][0] + '：</span><span class="rr"><i class="huaxian">￥<span class="yuanjia">' + data[0][2]["diaopaijia"][1] + '</span></i></span>' +
					'<span class="ll">' + data[0][2]["xiaoshoujia"][0] + '：</span><span class="rr"><b>￥<span class="maijia">' + data[0][2]["xiaoshoujia"][1] + '</span></b></span>' +
					'<span class="ll">' + data[0][2]["zhekou"][0] + '：</span><span class="rr rr-active">' + data[0][2]["zhekou"][1] + '<i>（节省：</i>￥<span class="jiesheng">' + data[0][2]["zhekou"][2] + '<i>)</i></span>');
				//传入父节点
				details.append(referral);
			
				//创建选择
				var elect = $('<div class="elect"></div>')
				elect.html('<p>选择颜色：</p>');
				//传入父节点
				details.append(elect);
			
				//创建鞋子样式
				var xie = $('<div class="xie"></div>')
				var ul = $("<ul></ul>")
					//获取鞋子节点 信息
				var xiexi = data[q][2]["xieyang"]
			
				//循环创建
				for (var j = 0; j < xiexi.length; j++) {
					//创建节点
					if (xiexi[j]["aa"] == "kk") {
						var lixx = $('<span class="xie-active"></span>')
					} else {
						var lixx = $('<li></li>')
					}
					//内部样式
					lixx.html('<a href="' + xiexi[j]["lj"] + '" title="'+xiexi[j]["yansie"]+'"><img src="' + xiexi[j]["p"] + '"/></a>')
						//放入父节点中
					ul.append(lixx)
				}
				//放入父节点中
				xie.append(ul);
				details.append(xie);
			
				//创建鞋码
				var xiema = $('<div class="xiema"></div>')
			
				var xunze = $('<div></div>')
				xunze.html('选择尺码：')
				xiema.append(xunze)
					//获取鞋号信息
				var xm = data[q][2]["xima"]
					//创键鞋号
				var ulm = $('<ul></ul>')
				for (var f = 0; f < xm.length; f++) {
					if (xm[f]["ss"] == "a") {
						var lim = $('<li class="xiema-active"></li>')
					} else {
						if(xm[f]["xx"]=="f" ){
							var lim = $('<li class="border-li"></li>')
						}else{
							var lim = $('<li></li>')
						}
					}
					lim.html(xm[f]["p"]);
					ulm.append(lim)
				}
				xiema.append(ulm);
				details.append(xiema);
				//创建加载数量
				var gshu = $('<div class="g-shu"></div>')
				gshu.html('<span class="tou">' +
					'我要买：' +
					'<input type="button" id="bts" value="-" />' +
					'<input type="text" id="txt" value="1">' +
					'<input type="button" id="btj" value="+" />' +
					'</span>' +
					'<div><a href="#"><img src="../img/pro_center-img/fdj-img/chi.jpg" />查看尺寸对照表 </a> </div>')
				details.append(gshu);
			
				//通知
				var tongzhi = $('<div class="tongzhi"></div>')
				tongzhi.html('<p>本商品部分尺码已断货，点击这里，商品到货后将会及时<a href="#">通知您</a></p>')
				details.append(tongzhi);
			
				//创建立即购买
				var mai = $('<div class="mai"></div>')
				mai.html('<span class="l-mai">' +
					'<img src="../img/pro_center-img/fdj-img/mai.jpg" />' +
					'</span>' +
					'<span class="r-mai">' +
					'<img src="../img/pro_center-img/fdj-img/jar.jpg" />' +
					'</span>')
				details.append(mai)
					//将创建的盒子腿入文档中
			
				$('.f-y-j').append(details)
			
				/**********************************创建连接商品*******************************************/
				//节点盒子
				var ad = $('<div class="ad"></div>')
			
				/*上半部信息*/
				var shulbt = $('<div class="shu-lbt"></div>')
				var ul = $('<ul></ul>')
					//获取信息
				var tjimg = data[q][3]
					//for循环创建
				for (var m = 0; m < tjimg.length; m++) {
					var li = $('<li></li>')
					li.html('<a href="' + tjimg[m]["lj"] + '"><img src="' + tjimg[m]["src"] + '"/></a>' +
						'<div class="pic">' + tjimg[m]["pic"] + '</div>')
					ul.append(li)
				}
				shulbt.append(ul)
				ad.append(shulbt);
				/***************************下半部信息********************************/
				var shang = $('<div class="shang"></div>')
				shang.html('<div class="sha">' +
					'<img src="../img/pro_center-img/fdj-img/shang.png" />' +
					'</div>' +
					'<div class="xia">' +
					'<img src="../img/pro_center-img/fdj-img/show_bar_1.png" />' +
					'</div>')
				ad.append(shang);
			
				var lx = $('<div class="lx"></div>')
				lx.html('<span>' +
					'<a href="#"><img src="../img/pro_center-img/fdj-img/consult.gif"/>联系商家</a>' +
					'</span>')
				ad.append(lx);
				$('.f-y-j').append(ad)
			
				/***************************点击上下按妞切换图片*** 活性插入多少都一样******************************************/
				//点击上  
				var ydcount = 0
				$(".xia").click(function() {
					//思路 当其运动的距离与其总长度相比大于时 停止运动
					//获取当前的移动体长度
					var hei = $(".shu-lbt ul").height();
					//获取当前每次运动的高度
					var hehe = $(".shu-lbt").height();
					//	alert(hehe)
					ydcount++
					if (ydcount * hehe > hei) {
						ydcount = (ydcount - 1)
						return
					}
					$(".shu-lbt ul").stop().animate({
						top: -(ydcount * hehe)
					})
				})
				$(".sha").click(function() {
					//思路 当其运动的距离与其总长度相比大于时 停止运动
					//获取当前的移动体长度
					var hei = $(".shu-lbt ul").height();
					//获取当前每次运动的高度
					var hehe = $(".shu-lbt").height();
					//	alert(hehe)
					ydcount--
					if (ydcount * hehe < 0) {
						ydcount = 0
						return
					}
					$(".shu-lbt ul").stop().animate({
						top: -(ydcount * hehe)
					})
				})
			
				/****************************移入商品变色************************************/
				$(".xie ul li").hover(function() {
					$(this).css({
						border: "1px solid red"
					})
				}, function() {
					$(this).css({
						border: "1px solid #666666"
					})
				})
			
				/*增加数量减少数量*/
				$("#bts").click(function() {
						//改变数值
						var shu = parseInt($("#txt").val())
							//	alert(typeof shu)
						if (shu < 1) {
							return
						}
						$("#txt").val(shu - 1)
					})
					/*增加数量减少数量*/
				$("#btj").click(function() {
					//改变数值
					var shu = parseInt($("#txt").val())
						//	alert(typeof shu)
					$("#txt").val(shu + 1)
				})
				
				/******************************选择尺码事件*************************************************/
				$(".xiema ul li").click(function(){
					$(this).css({
						border:"1px solid red"
					}).siblings("li").css({
						border:"1px solid #999999"
					})
				})
			
			
				
				
				
		/******************************创建各商品介绍*******************************************************************/
				
				
				
				
				
								
								//加载描述
					var miaoshu=data[q][4]
						//创建信息
						var miaoshul=miaoshu["miaoshu"]
				//		console.log(miaoshul)
						//创建节点
						var miaoshuboox=$('<div class="miaoshu-boox"></div>')
						//信息左
						var xinxinl=$('<div class="xin-xi-l"></div>')
						for(var i=0;i<miaoshul.length;i++){
							var spanl=$('<span class="ll"></span>')
							var spanr=$('<span class="rr"></span>')
							spanl.html(miaoshul[i]["p"])
							spanr.html(miaoshul["z"])
							xinxinl.append(spanl);
							xinxinl.append(spanr);
						}
						miaoshuboox.append(xinxinl)
						//信息右
						var miaoshur=miaoshu["miaoshu1"]
				//		console.log(miaoshu)
						var xinxinr=$('<div class="xin-xi-r"></div>')
						for(var k=0;k<miaoshur.length;k++){
							var spanl1=$('<span class="ll"></span>')
							var spanr1=$('<span class="rr"></span>')
							spanl1.html(miaoshul[k]["p"])
							spanr1.html(miaoshul[k]["z"])
							xinxinr.append(spanl1);
							xinxinr.append(spanr1);
						}
						miaoshuboox.append(xinxinr)
						
						$(".miaoshu").append(miaoshuboox)
						//创建商品介绍
						var jieshao=miaoshu["jieshao"]
						var xingqin=$('<div class="xingqin-box"></div>')
						//创建标题
						var ntitle=$(' <div class="ntitle"></div>')
						ntitle.html('<h5>'+jieshao["title"]+'</h5>')
						xingqin.append(ntitle);
						//创建信息
						var xiangxishuming=$(' <div class="xiangxishuming"></div>')
						var xiangxi=jieshao["xiangxishuming"];
						for(var j=0;j<xiangxi.length;j++){
							if(j==0){
								var p=$('<p class="pp"></p>')
							}else{
								var p=$('<p></p>')
							}
							p.html(xiangxi[j])
							xiangxishuming.append(p)
						}
						xingqin.append(xiangxishuming)
						$(".miaoshu").append(xingqin)
						
						//创建鞋号
						
						var chima=$('<div class="chima-box"></div>');
						var cm=miaoshu["chicun"]
						//创建标题
						var cmtitle=$(' <div class="ntitle"></div>')
						cmtitle.html('<h5>'+cm["title"]+'</h5>')
						cmtitle.append(cmtitle);
						chima.append(cmtitle);
						
						var xiangxishuming=$(' <div class="xiangxishuming"></div>')
						var pp=$('<p class="pp"></p>')
						pp.html('*您可根据该商品页面显示的尺码作为购物参考，页面显示尺码与美码及商品实际尺码的对应关系见下表')
						xiangxishuming.append(pp)
						//获取鞋码
						var table=$('<table></table>')
						var xmshu=cm["tractive"]
						var td=cm["shu"]
						//创建tr数
						for(var ii=0;ii<xmshu.length;ii++){
							if(xmshu["aa"]=="cc"){
								var tr=$('<tr class="tr-active"></tr>')
							}else{
								var tr=$('<tr></tr>')
							}
							//创建tr内的td
								for(var kk=0;kk<xmshu[ii].length;kk++){
									if(kk==0){
										var td=$('<td class="fist-td"></td>')
									}else{
										var td=$('<td></td>')
									}
									td.html(td[ii][kk])
									tr.append(td)
								}
							table.append(tr)
						}
						xiangxishuming.append(table);
						var tpp=$(' <p class="tpp"></p>')
						tpp.html('尺码说明：中码采用毫米数，即测量脚长的长度。如：220mm，对应的页面显示码是36，鞋盒尺码是4.5。')
						xiangxishuming.append(top)
						
						var jiaocc=$('<div class="jiao-cc"></div>')
						jiaocc.html('<h4 class="j-c">'+
													 	 		'尺码侧量<img class="djx" src="../img/pro_center-img/xiaobiao-img/product_open.png" />'+
													 	 	'</h4>'+
													 	 	'<h4 class="j-x">'+
													 	 		'尺码测量<img class="djc" src="../img/pro_center-img/xiaobiao-img/close_product.png"/>'+
													 	 	'</h4>'+
													 	 	'<div class="active-tu">'+
													 	 		'<img src="../img/pro_center-img/xiaobiao-img/foot_sizeway.jpg" />'+
													 	 	'</div>')
						xiangxishuming.append(jiaocc)
						chima.append(xiangxishuming);
						$(".miaoshu").append(chima)
						//创建产品展示
						var zhanshi=$('<div class="zhanshi"></div>')
						//标题
						var zs=$('<div class="ntitle"></div>')
						var zhans=miaoshu["tupian"]
						zs.html('<h5>'+zhans["title"]+'</h5>')
						var  imgbox=$(' <div class="img-box"></div>')
						var im=zhans["src"]
						for(var jj=0;jj<im.length;jj++){
							var img=$('<img src="'+im[jj]+'"/>')
							imgbox.append(img);
						}
						zhanshi.append(imgbox)
						$(".miaoshu").append(zhanshi)
						
						//创建适应度
						var shushi=$('<div class="shushi"></div>')
						shushi .html('<div class="ntitle">'+
													 	'<h5>舒适度指数</h5>'+
													 '</div>'+
													 '<div class="zhishu">'+
													 	'<img src="../img/pro_center-img/xiaobiao-img/py_sz.jpg" />'+
													 '</div>')
						$(".miaoshu").append(shushi)
						
						
						//鞋子保养
						var bapyang=$('<div class="bapyang"></div>')
						bapyang.html(' <div class="ntitle">'+
													 	'<h5>鞋子保养</h5>'+
													 '</div>'+
													 '<div class="baoyang">'+
													 '<img src="../img/pro_center-img/xiaobiao-img/shose_protect.jpg" />'+
													 '</div>'+
													 '<div class="by-fa">'+
													 	'<!--日常-->'+
													 	'<div class="rc">'+
													 		'<!--初始-->'+
													 		'<div class="chushi">'+
													 			'<img src="../img/pro_center-img/xiaobiao-img/day_productall.png" />'+
													 		'</div>'+
													 		'<!--隐藏-->'+
													 		'<div class="y-rc">'+
													 			'<div class="chal"><img src="../img/pro_center-img/xiaobiao-img/close_product.png"/></div>'+
													 			'<div class="tu">'+
													 				'<img src="../img/pro_center-img/xiaobiao-img/special_product.png" />'+
													 				'<span>日常保养</span>'+
													 			'</div>'+
													 			'<ul>'+
													 				'<li>'+
				   												 		'<span>及时清洁</span>有灰尘及污渍'+
																	'</li>'+
													 				'<li>'+
													 					'<span>交替穿着</span>避免超负荷损耗'+
													 				'</li>'+
													 			'</ul>'+
													 		'</div>'+
													 	'</div>'+
													 	'<!--t特殊-->'+
													 	'<div class="ts">'+
													 		'<!--初始-->'+
													 		'<div class="chushi">'+
											 					'<img src="../img/pro_center-img/xiaobiao-img/day_speciall.png" />'+
													 		'</div>'+
															'<!--隐藏-->'+
													 		'<div class="y-rc">'+
													 			'<div class="chal"><img src="../img/pro_center-img/xiaobiao-img/close_product.png"/></div>'+
													 			'<div class="tu">'+
													 				'<img src="../img/pro_center-img/xiaobiao-img/day_product.png" />'+
													 				'<span>特殊保养</span>'+
													 			'</div>'+
													 			'<ul>'+
													 				'<li><div>淋雨时</div><span>及时擦拭，并置于通风处吹干，防变形</span></li>'+
													 				'<li><div>换季时</div><span>清洗干净，鞋内放入防潮纸，鞋盒内放入干燥剂,置于通风处保存</span></li>'+
													 				'<li><div>清洗时</div><span>根据不同材质进行清洗，于阴凉通风处晾干，忌暴晒</span></li>'+
													 			'</ul>'+
													 		'</div>'+
													 	'</div>'+
													 '</div>')
						
						$(".miaoshu").append(bapyang)
						
						//最近浏览
						var liulan=$('<div class="liulan"></div>')
						liulan.html('<div class="ntitle">'+
													 	'<h5>鞋子保养</h5>'+
													 '</div>'+
													 '<div class="list-sp">'+
													 	'<!--每个项-->'+
														 '<div class="lei">'+
														 	'<div class="i-n">'+
														 		'<div class="i-box">'+
														 			'<span class="span-active">'+
														 				'<a href="#">'+
														 					'<img src="../img/commodity-img/shangpin/thumb_295025.jpg" />'+
														 				'</a>'+
														 			'</span>'+
														 			'<span>'+
														 				'<a href="#">'+
														 					'<img src="../img/commodity-img/shangpin/thumb_295025.jpg" />'+
														 				'</a>'+
														 			'</span>'+
														 			'<span>'+
														 				'<a href="#">'+
														 					'<img src="../img/commodity-img/shangpin/thumb_295025.jpg" />'+
														 				'</a>'+
														 			'</span>'+
														 		'</div>'+
														 		'<div class="n-nav">'+
														 			'<i class="i-active">'+
														 				'<a href="#">'+
														 					'<img src="../img/commodity-img/shangpin/thumb_294980.jpg" />'+
														 				'</a>'+
														 			'</i>'+
														 			'<i>'+
														 				'<a href="#">'+
														 					'<img src="../img/commodity-img/shangpin/thumb_294980.jpg" />'+
														 				'</a>'+
														 			'</i>'+
														 			'<i>'+
														 				'<a href="#">'+
														 					'<img src="../img/commodity-img/shangpin/thumb_294980.jpg" />'+
														 				'</a>'+
														 			'</i>'+
														 		'</div>'+
														 	'</div>'+
														 	'<div class="x-box">'+
														 		'<div class="jieshao">'+
														 			'<p>【2017新品】李宁韦德WADE ALL DAY 1.5男子减震篮球专业比赛鞋</p>'+
														 		'</div>'+
														 		'<div class="qian">'+
														 			'<p>￥339</p>'+
														 		'</div>'+
														 	'</div>'+
														 '</div>'+
													 '</div>')
						
						$(".miaoshu").append(liulan)
						//创建商品介绍
						var womenfuwu=$('<div class="womenfuwu"></div>')
						womenfuwu.html('<div class="ntitle">'+
													 	'<h5>我们的服务</h5>'+
													 '</div>'+
													'<div class="liucheng" >'+
														'<div class="liu-box">'+
															'<div class="liu-img">'+
																'<img src="../img/pro_center-img/xiaobiao-img/serve_01.png" />'+
															'</div>'+
															'<div class="liu-xin">'+
																'<h5>正品保障</h5>'+
																'<span>李宁官网正品</span>'+
															'</div>'+
														'</div>'+
														'<div class="liu-box">'+
															'<div class="liu-img">'+
																'<img src="../img/pro_center-img/xiaobiao-img/serve_02.png" />'+
															'</div>'+
															'<div class="liu-xin">'+
																'<h5>退换无忧</h5>'+
																'<span>7天无理由退货</span>'+
															'</div>'+
														'</div>'+
														'<div class="liu-box">'+
															'<div class="liu-img">'+
																'<img src="../img/pro_center-img/xiaobiao-img/serve_03.png"/>'+
															'</div>'+
															'<div class="liu-xin">'+
																'<h5>满280包邮</h5>'+
																'<span>周末99包邮</span>'+
															'</div>'+
														'</div>'+
														'<div class="liu-box">'+
															'<div class="liu-img">'+
																'<img src="../img/pro_center-img/xiaobiao-img/serve_04.png" />'+
															'</div>'+
															'<div class="liu-xin">'+
																'<h5>当天发货</h5>'+
																'<span>15点前付款</span>'+
															'</div>'+
														'</div>'+
														'<div class="liu-box">'+
															'<div class="liu-img">'+
																'<img src="../img/pro_center-img/xiaobiao-img/serve_05.png" />'+
															'</div>'+
															'<div class="liu-xin liu-xin-active">'+
																'<h5>14小时在线</h5>'+
																'<span>9:00-23:00</span>'+
															'</div>'+
														'</div>'+
													'</div>')
						$(".miaoshu").append(womenfuwu)
						//创建介绍说明
						var jieshaoshuoming=$('<div class="jieshaoshuoming"></div>')
						jieshaoshuoming.html('<div class="ntitle">'+
													 	'<h5>价格说明</h5>'+
													 '</div>'+
													 '<div class="jssm">'+
													 	'<h6>商品详情页显示价格说明：</h6>'+
													 	'<p><span>划线价: </span>商品展示的划横线价格为商品吊牌价或李宁青浦展示厅展示价格，非原价；由于地区、时间的差异性和市场行情波动，'+
				'商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。</p>'+
													 	'<p><span>销售价：</span>商品当前的销售价，是按促销活动、常规折扣进行打折后的最终售价，是您拍下商品的成交价格。</p>'+
													 	'<p><span>折扣：</span>如无特殊说明，折扣指在划线价（商品吊牌价）基础上计算出的优惠比例；如有疑问，您可在购买前联系销售商进行咨询。</p>'+
													 '</div>')
						$(".miaoshu").append(jieshaoshuoming)
						var fpshuoming=$('<div class="fpshuoming"></div>')
						fpshuoming.html(' <div class="ntitle">'+
													 	'<h5>发票说明</h5>'+
													 '</div>'+
													 '<p class="p-active">按照国家有关税收法律法规，在您购买应税货物或接受应税服务的同时，有权索取增值税发票。</p>'+
													 '<p>如您为自然人以外的单位或个体工商户，符合规定条件的,索取增值税专用发票时，应向我们提供购买方名称、纳税人识别号、地址电话、</p>'+
													 '<p>开户行及账号信息等四项信息，不需相关证件或其他证明材料。</p>'+
													 '<p>您在索取增值税普通发票时，不需提供相关证件或其他证明材料。</p>')
						$(".miaoshu").append(fpshuoming)
						
						//*********************************节点加载完成*************************************************************
					/********************************保存防护事件**********************************************/
				
				$(".chushi").click(function(){
					$(this).css({
						display:"none"
					}).siblings(".y-rc").css({
						display:"block"
					})
					
				})
				
				$(".chal").click(function(){
					 
					$(this).parent(".y-rc").css({
						display:"none"
					}).siblings(".chushi").css({
						display:"block"
					})
				})
				
				/***********************显现尺码效果******************************************/
				$('.djx').click(function(){
					$(this).parent(".j-c").css({
						display:"none"
					}).siblings(".j-x").css({
					    display:"block"
					})
					$(this).parent().parent().parent().parent(".chima-box").stop().animate({
						height:390
					},300)
				})
				$('.djc').click(function(){
					$(this).parent(".j-x").css({
						display:"none"
					}).siblings(".j-c").css({
					    display:"block"
					})
					$(this).parent().parent().parent().parent(".chima-box").stop().animate({
						height:140
					},300)
				})

			//对应判断
			}	
			//对应循环
		}
		
		/***********************************节点上传完毕后创建购物车事件***********************************************************/
		/*************************************购物车事件************************************/
		//思路  创建点击事件 点击后有默认样式上传
		/*获取商品信息
		 * 获取商品名
		 var name=$(".details h4").text()
		 获取商品图片
		 var imgsrc=$(".xie-active img").attr("src")
		 获取规格
		 var gueige=$(".xie-active a").attr("title")
		 获取原价
		 var yuanjia= parseFloat($(".yuanjia").text())
		 //获取销售价
		 var xiaoshou=parseFloat($(".maijia").text())
		 //获取折扣价
		 var zhekou=parseFloat($(".jiesheng").text()) 
		    获取鞋码
		  $(".border-li").text()
		  
		  //信息获取结束
		  先获取当前cookie  假设cookie名 goods
		  //如果没有创建 一个cookie名为goods的cookie 
		  然后重新获取cookie
		*/
		/******加载完成后求取总数********/
		
//		$("#count").html(getTotal);
		//侧边栏购物车
//		$("#sps").html(getTotal());
		//加入购物车
		$(".r-mai img").click(function(){
			//获取当前 商品编号
		var pidGoods=$("#bh").val()
		var cxiema=$(".border-li").text()
		var imgsrc=$(".xie-active img").attr("src")
		var xiaoshou=parseFloat($(".maijia").text())
		var count=parseFloat($("#txt").val())
	//	出现弹框 
		$(".pop").css({"display":"block"})
		//改变图片路径
		$(".pop .js-left img").attr("src",imgsrc)
		//改变数量
		$(".pop .js-right .p2 span").html(count)
		//改变总金额
		$(".pop .js-right .p3 span b").html(count*xiaoshou)
		//判断当前是否存在该商品
		
		var isHas=checkIsHasGoodById(pidGoods,cxiema)
	//		//判断是否存在该商品
			if(isHas){ //有
				//有相同商品加加
			 
				updateGoodCountById(pidGoods,cxiema,count)
			}else{//没有

				 var name=$(".details h4").text()
				
				 var gueige=$(".xie-active a").attr("title")
				 var yuanjia= parseFloat($(".yuanjia").text())
	
				 var zhekou=parseFloat($(".jiesheng").text()) 
	
				 
				 //上闯cookie的形式以对象性
				 var good={
				 	pid:pidGoods,
				 	name:name,
				 	gueige:gueige,
				 	yuanjia:yuanjia,
				 	xiaoshu:xiaoshou,
				 	zhekou:zhekou,
				 	cxiema:cxiema,
				 	imgsrc:imgsrc,
				 	count:count
				 }
				 //创建完新商品后 上传cookie 
				 addGoodToCar(good)
			}
			
			
		})
			
		

})




/******************************关闭弹出窗口*****************************************/
$(".pop p i").click(function(){
	$(".pop").css({"display":"none"})
})
$(".shop").click(function(){
	$(".pop").css({"display":"none"})
})
/*******************************创建获取购物车链接**********************************************/
$(".close").click(function(){
	location.href="cart.php"
})

/********************************创建*******************************************/




/**********************动态创建放大镜***************************************************/


//$.get("../pro_center.json/pro_center.json", function(data) {
//	//	console.log(data[0])
//	/**********************创建放大镜**************************/
//	//创建节点
//	var fdj = $('<div class="fdj"></div>');
//
//	//创建大图片
//	var da = data[0][1]["da"];
//
//	//  fdj存放3个节点  创建3个
//	var dimg = $('<div class="dimg"></div>')
//	var fda = $('<div class="fda"></div>')
//		//for循环创建
//	for (var i = 0; i < da.length; i++) {
//		//创建节点
//		if (i == 0) {
//			var span = $('<span class="dimg-active"></span>')
//			var b = $('<b  class="b-active"></b>')
//		} else {
//			var span = $('<span></span>')
//			var b = $('<b></b>')
//		}
//		span.html('<img src="' + da[i] + '"/>')
//		b.html('<img src="' + da[i] + '"/>')
//			//上传父集
//		dimg.append(span)
//		fda.append(b)
//	}
//
//	//s上传父节点
//	fdj.append(dimg);
//	fdj.append(fda);
//	/***********************创建导航***************************/
//	var xia = data[0][1]["xia"];
//	var ximg = $('<ul class="ximg"></ul>')
//		//for循环创建
//	for (var k = 0; k < xia.length; k++) {
//		//创建节点
//		var li = $('<li></li>')
//		li.html('<img src="' + xia[k] + '"/>')
//			//上传父集
//		ximg.append(li)
//
//	}
//	fdj.append(ximg)
//	$('.f-y-j').append(fdj)
//		//创建分割线
//	var ffeng = $('<div class="f-fenge"></div>')
//	$('.f-y-j').append(ffeng)
//		/*****************放大镜事件*************************/
//		/***************************************放大镜效果***********************************************/
//
//	$(".dimg").mousemove(function(e) {
//		//显示大图片
//		$(".fda").css({
//				display: "block"
//			})
//			//获取小div 的位置 与鼠标想等
//		var x = e.pageX - ($(this).offset()["left"]) - 46
//		var y = e.pageY - ($(this).offset()["top"]) - 46
//			//	    console.log(x +" "+ y)
//		if (x > 278) {
//			x = 278
//		}
//		if (x < 46) {
//			x = 0
//		}
//		if (y < 46) {
//			y = 0
//		}
//		if (y > 278) {
//			y = 278
//		}
//		//指定下方框 位置
//		$("#yd").css({
//			left: x + "px",
//			top: y + "px"
//		})
//
//		//将改坐标赋给大图片
//		$(".fda b").css({
//			left: -x * 4,
//			top: -y * 4
//		})
//	})
//
//	//移除消失
//	$(".dimg").mouseout(function() {
//			$(".fda").css({
//				display: "none"
//			})
//		})
//		//移入导航导航切换图片
//	$(".ximg li").mouseover(function() {
//		$(this).addClass("ximg-active").siblings('li').removeClass("ximg-active")
//			//获取下标
//		var inde = $(this).index();
//		//显示上面图片
//		$(".dimg span").eq(inde).addClass("dimg-active").siblings("span").removeClass("dimg-active")
//			//大图片显示隐藏
//		$(".fda b").eq(inde).addClass("b-active").siblings("b").removeClass("b-active")
//	})
//
//	/*****************************创建中部商品信息*************************************/
//	//创建大盒子
//	var details = $('<div class="details"></div>')
//
//	//创建标题
//	var zhong = data[0][2]["title"];
//	var h4 = $('<h4></h4>');
//	h4.html(zhong);
//	//传入父节点
//	details.append(h4);
//
//	//创建优惠
//	var privilege = $('<div class="privilege"></div>')
//	privilege.html('<p><span>' + data[0][2]["youhui"][0] + '</span>' + data[0][2]["youhui"][1] + '</p>');
//	//传入父节点
//	details.append(privilege);
//
//	//创建倒计时
//	var dsq = $('<div class="dsq"></div>')
//	dsq.html('<p class="p-l">特价即将开始</p>' +
//		'<p class="p-r">距离开始：' +
//		'<span id="tian"></span>' +
//		'天' +
//		'<span id="xiaoshi"></span>' +
//		'小时' +
//		'</span>' +
//		'</p>');
//	//传入父节点
//	details.append(dsq);
//	//创建商品介绍
//	var referral = $('<div class="referral"></div>')
//	referral.html('<span class="ll">' + data[0][2]["bianhao"][0] + ':</span><span class="rr">' + data[0][2]["bianhao"][1] + '</span>' +
//		'<span class="ll">' + data[0][2]["diaopaijia"][0] + '：</span><span class="rr"><i class="huaxian">￥<span class="yuanjia">' + data[0][2]["diaopaijia"][1] + '</span></i></span>' +
//		'<span class="ll">' + data[0][2]["xiaoshoujia"][0] + '：</span><span class="rr"><b>￥<span class="maijia">' + data[0][2]["xiaoshoujia"][1] + '</span></b></span>' +
//		'<span class="ll">' + data[0][2]["zhekou"][0] + '：</span><span class="rr rr-active">' + data[0][2]["zhekou"][1] + '<i>（节省：</i>￥<span class="jiesheng">' + data[0][2]["zhekou"][2] + '<i>)</i></span>');
//	//传入父节点
//	details.append(referral);
//
//	//创建选择
//	var elect = $('<div class="elect"></div>')
//	elect.html('<p>选择颜色：</p>');
//	//传入父节点
//	details.append(elect);
//
//	//创建鞋子样式
//	var xie = $('<div class="xie"></div>')
//	var ul = $("<ul></ul>")
//		//获取鞋子节点 信息
//	var xiexi = data[0][2]["xieyang"]
//
//	//循环创建
//	for (var j = 0; j < xiexi.length; j++) {
//		//创建节点
//		if (xiexi[j]["aa"] == "kk") {
//			var lixx = $('<span class="xie-active"></span>')
//		} else {
//			var lixx = $('<li></li>')
//		}
//		//内部样式
//		lixx.html('<a href="' + xiexi[j]["lj"] + '" title="'+xiexi[j]["yansie"]+'"><img src="' + xiexi[j]["p"] + '"/></a>')
//			//放入父节点中
//		ul.append(lixx)
//	}
//	//放入父节点中
//	xie.append(ul);
//	details.append(xie);
//
//	//创建鞋码
//	var xiema = $('<div class="xiema"></div>')
//
//	var xunze = $('<div></div>')
//	xunze.html('选择尺码：')
//	xiema.append(xunze)
//		//获取鞋号信息
//	var xm = data[0][2]["xima"]
//		//创键鞋号
//	var ulm = $('<ul></ul>')
//	for (var f = 0; f < xm.length; f++) {
//		if (xm[f]["ss"] == "a") {
//			var lim = $('<li class="xiema-active"></li>')
//		} else {
//			if(xm[f]["xx"]=="f" ){
//				var lim = $('<li class="border-li"></li>')
//			}else{
//				var lim = $('<li></li>')
//			}
//
//		}
//		lim.html(xm[f]["p"]);
//		ulm.append(lim)
//	}
//	xiema.append(ulm);
//	details.append(xiema);
//	//创建加载数量
//	var gshu = $('<div class="g-shu"></div>')
//	gshu.html('<span class="tou">' +
//		'我要买：' +
//		'<input type="button" id="bts" value="-" />' +
//		'<input type="text" id="txt" value="1">' +
//		'<input type="button" id="btj" value="+" />' +
//		'</span>' +
//		'<div><a href="#"><img src="../img/pro_center-img/fdj-img/chi.jpg" />查看尺寸对照表 </a> </div>')
//	details.append(gshu);
//
//	//通知
//	var tongzhi = $('<div class="tongzhi"></div>')
//	tongzhi.html('<p>本商品部分尺码已断货，点击这里，商品到货后将会及时<a href="#">通知您</a></p>')
//	details.append(tongzhi);
//
//	//创建立即购买
//	var mai = $('<div class="mai"></div>')
//	mai.html('<span class="l-mai">' +
//		'<img src="../img/pro_center-img/fdj-img/mai.jpg" />' +
//		'</span>' +
//		'<span class="r-mai">' +
//		'<img src="../img/pro_center-img/fdj-img/jar.jpg" />' +
//		'</span>')
//	details.append(mai)
//		//将创建的盒子腿入文档中
//
//	$('.f-y-j').append(details)
//
//	/**********************************创建连接商品*******************************************/
//	//节点盒子
//	var ad = $('<div class="ad"></div>')
//
//	/*上半部信息*/
//	var shulbt = $('<div class="shu-lbt"></div>')
//	var ul = $('<ul></ul>')
//		//获取信息
//	var tjimg = data[0][3]
//		//for循环创建
//	for (var m = 0; m < tjimg.length; m++) {
//		var li = $('<li></li>')
//		li.html('<a href="' + tjimg[m]["lj"] + '"><img src="' + tjimg[m]["src"] + '"/></a>' +
//			'<div class="pic">' + tjimg[m]["pic"] + '</div>')
//		ul.append(li)
//	}
//	shulbt.append(ul)
//	ad.append(shulbt);
//	/***************************下半部信息********************************/
//	var shang = $('<div class="shang"></div>')
//	shang.html('<div class="sha">' +
//		'<img src="../img/pro_center-img/fdj-img/shang.png" />' +
//		'</div>' +
//		'<div class="xia">' +
//		'<img src="../img/pro_center-img/fdj-img/show_bar_1.png" />' +
//		'</div>')
//	ad.append(shang);
//
//	var lx = $('<div class="lx"></div>')
//	lx.html('<span>' +
//		'<a href="#"><img src="../img/pro_center-img/fdj-img/consult.gif"/>联系商家</a>' +
//		'</span>')
//	ad.append(lx);
//	$('.f-y-j').append(ad)
//
//	/***************************点击上下按妞切换图片*** 活性插入多少都一样******************************************/
//	//点击上  
//	var ydcount = 0
//	$(".xia").click(function() {
//		//思路 当其运动的距离与其总长度相比大于时 停止运动
//		//获取当前的移动体长度
//		var hei = $(".shu-lbt ul").height();
//		//获取当前每次运动的高度
//		var hehe = $(".shu-lbt").height();
//		//	alert(hehe)
//		ydcount++
//		if (ydcount * hehe > hei) {
//			ydcount = (ydcount - 1)
//			return
//		}
//		$(".shu-lbt ul").stop().animate({
//			top: -(ydcount * hehe)
//		})
//	})
//	$(".sha").click(function() {
//		//思路 当其运动的距离与其总长度相比大于时 停止运动
//		//获取当前的移动体长度
//		var hei = $(".shu-lbt ul").height();
//		//获取当前每次运动的高度
//		var hehe = $(".shu-lbt").height();
//		//	alert(hehe)
//		ydcount--
//		if (ydcount * hehe < 0) {
//			ydcount = 0
//			return
//		}
//		$(".shu-lbt ul").stop().animate({
//			top: -(ydcount * hehe)
//		})
//	})
//
//	/****************************移入商品变色************************************/
//	$(".xie ul li").hover(function() {
//		$(this).css({
//			border: "1px solid red"
//		})
//	}, function() {
//		$(this).css({
//			border: "1px solid #666666"
//		})
//	})
//
//	/*增加数量减少数量*/
//	$("#bts").click(function() {
//			//改变数值
//			var shu = parseInt($("#txt").val())
//				//	alert(typeof shu)
//			if (shu < 1) {
//				return
//			}
//			$("#txt").val(shu - 1)
//		})
//		/*增加数量减少数量*/
//	$("#btj").click(function() {
//		//改变数值
//		var shu = parseInt($("#txt").val())
//			//	alert(typeof shu)
//		$("#txt").val(shu + 1)
//	})
//	
//	/******************************选择尺码事件*************************************************/
//	$(".xiema ul li").click(function(){
//		$(this).addClass("border-li").siblings("li").removeClass("border-li")
//	})
//})
//
///************************************下部商品点击事件**************************************************************/
//
//$(".intro-nav li").click(function(){
//	$(this).addClass("i-n-active").siblings("li").removeClass("i-n-active")
//	$(this).css({
//		display:"block"
//	})
//})
//
///******************************创建各商品介绍*******************************************************************/
//$.get("../pro_center.json/pro_center.json",function(data){
//	
//	//加载描述
//	var miaoshu=data[0][4]
//		//创建信息
//		var miaoshul=miaoshu["miaoshu"]
////		console.log(miaoshul)
//		//创建节点
//		var miaoshuboox=$('<div class="miaoshu-boox"></div>')
//		//信息左
//		var xinxinl=$('<div class="xin-xi-l"></div>')
//		for(var i=0;i<miaoshul.length;i++){
//			var spanl=$('<span class="ll"></span>')
//			var spanr=$('<span class="rr"></span>')
//			spanl.html(miaoshul[i]["p"])
//			spanr.html(miaoshul["z"])
//			xinxinl.append(spanl);
//			xinxinl.append(spanr);
//		}
//		miaoshuboox.append(xinxinl)
//		//信息右
//		var miaoshur=miaoshu["miaoshu1"]
////		console.log(miaoshu)
//		var xinxinr=$('<div class="xin-xi-r"></div>')
//		for(var k=0;k<miaoshur.length;k++){
//			var spanl1=$('<span class="ll"></span>')
//			var spanr1=$('<span class="rr"></span>')
//			spanl1.html(miaoshul[k]["p"])
//			spanr1.html(miaoshul[k]["z"])
//			xinxinr.append(spanl1);
//			xinxinr.append(spanr1);
//		}
//		miaoshuboox.append(xinxinr)
//		
//		$(".miaoshu").append(miaoshuboox)
//		//创建商品介绍
//		var jieshao=miaoshu["jieshao"]
//		var xingqin=$('<div class="xingqin-box"></div>')
//		//创建标题
//		var ntitle=$(' <div class="ntitle"></div>')
//		ntitle.html('<h5>'+jieshao["title"]+'</h5>')
//		xingqin.append(ntitle);
//		//创建信息
//		var xiangxishuming=$(' <div class="xiangxishuming"></div>')
//		var xiangxi=jieshao["xiangxishuming"];
//		for(var j=0;j<xiangxi.length;j++){
//			if(j==0){
//				var p=$('<p class="pp"></p>')
//			}else{
//				var p=$('<p></p>')
//			}
//			p.html(xiangxi[j])
//			xiangxishuming.append(p)
//		}
//		xingqin.append(xiangxishuming)
//		$(".miaoshu").append(xingqin)
//		
//		//创建鞋号
//		
//		var chima=$('<div class="chima-box"></div>');
//		var cm=miaoshu["chicun"]
//		//创建标题
//		var cmtitle=$(' <div class="ntitle"></div>')
//		cmtitle.html('<h5>'+cm["title"]+'</h5>')
//		cmtitle.append(cmtitle);
//		chima.append(cmtitle);
//		
//		var xiangxishuming=$(' <div class="xiangxishuming"></div>')
//		var pp=$('<p class="pp"></p>')
//		pp.html('*您可根据该商品页面显示的尺码作为购物参考，页面显示尺码与美码及商品实际尺码的对应关系见下表')
//		xiangxishuming.append(pp)
//		//获取鞋码
//		var table=$('<table></table>')
//		var xmshu=cm["tractive"]
//		var td=cm["shu"]
//		//创建tr数
//		for(var ii=0;ii<xmshu.length;ii++){
//			if(xmshu["aa"]=="cc"){
//				var tr=$('<tr class="tr-active"></tr>')
//			}else{
//				var tr=$('<tr></tr>')
//			}
//			//创建tr内的td
//				for(var kk=0;kk<xmshu[ii].length;kk++){
//					if(kk==0){
//						var td=$('<td class="fist-td"></td>')
//					}else{
//						var td=$('<td></td>')
//					}
//					td.html(td[ii][kk])
//					tr.append(td)
//				}
//			table.append(tr)
//		}
//		xiangxishuming.append(table);
//		var tpp=$(' <p class="tpp"></p>')
//		tpp.html('尺码说明：中码采用毫米数，即测量脚长的长度。如：220mm，对应的页面显示码是36，鞋盒尺码是4.5。')
//		xiangxishuming.append(top)
//		
//		var jiaocc=$('<div class="jiao-cc"></div>')
//		jiaocc.html('<h4 class="j-c">'+
//									 	 		'尺码侧量<img class="djx" src="../img/pro_center-img/xiaobiao-img/product_open.png" />'+
//									 	 	'</h4>'+
//									 	 	'<h4 class="j-x">'+
//									 	 		'尺码测量<img class="djc" src="../img/pro_center-img/xiaobiao-img/close_product.png"/>'+
//									 	 	'</h4>'+
//									 	 	'<div class="active-tu">'+
//									 	 		'<img src="../img/pro_center-img/xiaobiao-img/foot_sizeway.jpg" />'+
//									 	 	'</div>')
//		xiangxishuming.append(jiaocc)
//		chima.append(xiangxishuming);
//		$(".miaoshu").append(chima)
//		//创建产品展示
//		var zhanshi=$('<div class="zhanshi"></div>')
//		//标题
//		var zs=$('<div class="ntitle"></div>')
//		var zhans=miaoshu["tupian"]
//		zs.html('<h5>'+zhans["title"]+'</h5>')
//		var  imgbox=$(' <div class="img-box"></div>')
//		var im=zhans["src"]
//		for(var jj=0;jj<im.length;jj++){
//			var img=$('<img src="'+im[jj]+'"/>')
//			imgbox.append(img);
//		}
//		zhanshi.append(imgbox)
//		$(".miaoshu").append(zhanshi)
//		
//		//创建适应度
//		var shushi=$('<div class="shushi"></div>')
//		shushi .html('<div class="ntitle">'+
//									 	'<h5>舒适度指数</h5>'+
//									 '</div>'+
//									 '<div class="zhishu">'+
//									 	'<img src="../img/pro_center-img/xiaobiao-img/py_sz.jpg" />'+
//									 '</div>')
//		$(".miaoshu").append(shushi)
//		
//		
//		//鞋子保养
//		var bapyang=$('<div class="bapyang"></div>')
//		bapyang.html(' <div class="ntitle">'+
//									 	'<h5>鞋子保养</h5>'+
//									 '</div>'+
//									 '<div class="baoyang">'+
//									 '<img src="../img/pro_center-img/xiaobiao-img/shose_protect.jpg" />'+
//									 '</div>'+
//									 '<div class="by-fa">'+
//									 	'<!--日常-->'+
//									 	'<div class="rc">'+
//									 		'<!--初始-->'+
//									 		'<div class="chushi">'+
//									 			'<img src="../img/pro_center-img/xiaobiao-img/day_productall.png" />'+
//									 		'</div>'+
//									 		'<!--隐藏-->'+
//									 		'<div class="y-rc">'+
//									 			'<div class="chal"><img src="../img/pro_center-img/xiaobiao-img/close_product.png"/></div>'+
//									 			'<div class="tu">'+
//									 				'<img src="../img/pro_center-img/xiaobiao-img/special_product.png" />'+
//									 				'<span>日常保养</span>'+
//									 			'</div>'+
//									 			'<ul>'+
//									 				'<li>'+
// 												 		'<span>及时清洁</span>有灰尘及污渍'+
//													'</li>'+
//									 				'<li>'+
//									 					'<span>交替穿着</span>避免超负荷损耗'+
//									 				'</li>'+
//									 			'</ul>'+
//									 		'</div>'+
//									 	'</div>'+
//									 	'<!--t特殊-->'+
//									 	'<div class="ts">'+
//									 		'<!--初始-->'+
//									 		'<div class="chushi">'+
//							 					'<img src="../img/pro_center-img/xiaobiao-img/day_speciall.png" />'+
//									 		'</div>'+
//											'<!--隐藏-->'+
//									 		'<div class="y-rc">'+
//									 			'<div class="chal"><img src="../img/pro_center-img/xiaobiao-img/close_product.png"/></div>'+
//									 			'<div class="tu">'+
//									 				'<img src="../img/pro_center-img/xiaobiao-img/day_product.png" />'+
//									 				'<span>特殊保养</span>'+
//									 			'</div>'+
//									 			'<ul>'+
//									 				'<li><div>淋雨时</div><span>及时擦拭，并置于通风处吹干，防变形</span></li>'+
//									 				'<li><div>换季时</div><span>清洗干净，鞋内放入防潮纸，鞋盒内放入干燥剂,置于通风处保存</span></li>'+
//									 				'<li><div>清洗时</div><span>根据不同材质进行清洗，于阴凉通风处晾干，忌暴晒</span></li>'+
//									 			'</ul>'+
//									 		'</div>'+
//									 	'</div>'+
//									 '</div>')
//		
//		$(".miaoshu").append(bapyang)
//		
//		//最近浏览
//		var liulan=$('<div class="liulan"></div>')
//		liulan.html('<div class="ntitle">'+
//									 	'<h5>鞋子保养</h5>'+
//									 '</div>'+
//									 '<div class="list-sp">'+
//									 	'<!--每个项-->'+
//										 '<div class="lei">'+
//										 	'<div class="i-n">'+
//										 		'<div class="i-box">'+
//										 			'<span class="span-active">'+
//										 				'<a href="#">'+
//										 					'<img src="../img/commodity-img/shangpin/thumb_295025.jpg" />'+
//										 				'</a>'+
//										 			'</span>'+
//										 			'<span>'+
//										 				'<a href="#">'+
//										 					'<img src="../img/commodity-img/shangpin/thumb_295025.jpg" />'+
//										 				'</a>'+
//										 			'</span>'+
//										 			'<span>'+
//										 				'<a href="#">'+
//										 					'<img src="../img/commodity-img/shangpin/thumb_295025.jpg" />'+
//										 				'</a>'+
//										 			'</span>'+
//										 		'</div>'+
//										 		'<div class="n-nav">'+
//										 			'<i class="i-active">'+
//										 				'<a href="#">'+
//										 					'<img src="../img/commodity-img/shangpin/thumb_294980.jpg" />'+
//										 				'</a>'+
//										 			'</i>'+
//										 			'<i>'+
//										 				'<a href="#">'+
//										 					'<img src="../img/commodity-img/shangpin/thumb_294980.jpg" />'+
//										 				'</a>'+
//										 			'</i>'+
//										 			'<i>'+
//										 				'<a href="#">'+
//										 					'<img src="../img/commodity-img/shangpin/thumb_294980.jpg" />'+
//										 				'</a>'+
//										 			'</i>'+
//										 		'</div>'+
//										 	'</div>'+
//										 	'<div class="x-box">'+
//										 		'<div class="jieshao">'+
//										 			'<p>【2017新品】李宁韦德WADE ALL DAY 1.5男子减震篮球专业比赛鞋</p>'+
//										 		'</div>'+
//										 		'<div class="qian">'+
//										 			'<p>￥339</p>'+
//										 		'</div>'+
//										 	'</div>'+
//										 '</div>'+
//									 '</div>')
//		
//		$(".miaoshu").append(liulan)
//		//创建商品介绍
//		var womenfuwu=$('<div class="womenfuwu"></div>')
//		womenfuwu.html('<div class="ntitle">'+
//									 	'<h5>我们的服务</h5>'+
//									 '</div>'+
//									'<div class="liucheng" >'+
//										'<div class="liu-box">'+
//											'<div class="liu-img">'+
//												'<img src="../img/pro_center-img/xiaobiao-img/serve_01.png" />'+
//											'</div>'+
//											'<div class="liu-xin">'+
//												'<h5>正品保障</h5>'+
//												'<span>李宁官网正品</span>'+
//											'</div>'+
//										'</div>'+
//										'<div class="liu-box">'+
//											'<div class="liu-img">'+
//												'<img src="../img/pro_center-img/xiaobiao-img/serve_02.png" />'+
//											'</div>'+
//											'<div class="liu-xin">'+
//												'<h5>退换无忧</h5>'+
//												'<span>7天无理由退货</span>'+
//											'</div>'+
//										'</div>'+
//										'<div class="liu-box">'+
//											'<div class="liu-img">'+
//												'<img src="../img/pro_center-img/xiaobiao-img/serve_03.png"/>'+
//											'</div>'+
//											'<div class="liu-xin">'+
//												'<h5>满280包邮</h5>'+
//												'<span>周末99包邮</span>'+
//											'</div>'+
//										'</div>'+
//										'<div class="liu-box">'+
//											'<div class="liu-img">'+
//												'<img src="../img/pro_center-img/xiaobiao-img/serve_04.png" />'+
//											'</div>'+
//											'<div class="liu-xin">'+
//												'<h5>当天发货</h5>'+
//												'<span>15点前付款</span>'+
//											'</div>'+
//										'</div>'+
//										'<div class="liu-box">'+
//											'<div class="liu-img">'+
//												'<img src="../img/pro_center-img/xiaobiao-img/serve_05.png" />'+
//											'</div>'+
//											'<div class="liu-xin liu-xin-active">'+
//												'<h5>14小时在线</h5>'+
//												'<span>9:00-23:00</span>'+
//											'</div>'+
//										'</div>'+
//									'</div>')
//		$(".miaoshu").append(womenfuwu)
//		//创建介绍说明
//		var jieshaoshuoming=$('<div class="jieshaoshuoming"></div>')
//		jieshaoshuoming.html('<div class="ntitle">'+
//									 	'<h5>价格说明</h5>'+
//									 '</div>'+
//									 '<div class="jssm">'+
//									 	'<h6>商品详情页显示价格说明：</h6>'+
//									 	'<p><span>划线价: </span>商品展示的划横线价格为商品吊牌价或李宁青浦展示厅展示价格，非原价；由于地区、时间的差异性和市场行情波动，'+
//'商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。</p>'+
//									 	'<p><span>销售价：</span>商品当前的销售价，是按促销活动、常规折扣进行打折后的最终售价，是您拍下商品的成交价格。</p>'+
//									 	'<p><span>折扣：</span>如无特殊说明，折扣指在划线价（商品吊牌价）基础上计算出的优惠比例；如有疑问，您可在购买前联系销售商进行咨询。</p>'+
//									 '</div>')
//		$(".miaoshu").append(jieshaoshuoming)
//		var fpshuoming=$('<div class="fpshuoming"></div>')
//		fpshuoming.html(' <div class="ntitle">'+
//									 	'<h5>发票说明</h5>'+
//									 '</div>'+
//									 '<p class="p-active">按照国家有关税收法律法规，在您购买应税货物或接受应税服务的同时，有权索取增值税发票。</p>'+
//									 '<p>如您为自然人以外的单位或个体工商户，符合规定条件的,索取增值税专用发票时，应向我们提供购买方名称、纳税人识别号、地址电话、</p>'+
//									 '<p>开户行及账号信息等四项信息，不需相关证件或其他证明材料。</p>'+
//									 '<p>您在索取增值税普通发票时，不需提供相关证件或其他证明材料。</p>')
//		$(".miaoshu").append(fpshuoming)
//		
//		//*********************************节点加载完成*************************************************************
//	/********************************保存防护事件**********************************************/
//
//$(".chushi").click(function(){
//	$(this).css({
//		display:"none"
//	}).siblings(".y-rc").css({
//		display:"block"
//	})
//	
//})
//
//$(".chal").click(function(){
//	 
//	$(this).parent(".y-rc").css({
//		display:"none"
//	}).siblings(".chushi").css({
//		display:"block"
//	})
//})
//
///***********************显现尺码效果******************************************/
//$('.djx').click(function(){
//	$(this).parent(".j-c").css({
//		display:"none"
//	}).siblings(".j-x").css({
//	    display:"block"
//	})
//	$(this).parent().parent().parent().parent(".chima-box").stop().animate({
//		height:390
//	},300)
//})
//$('.djc').click(function(){
//	$(this).parent(".j-x").css({
//		display:"none"
//	}).siblings(".j-c").css({
//	    display:"block"
//	})
//	$(this).parent().parent().parent().parent(".chima-box").stop().animate({
//		height:140
//	},300)
//})
///*************************************购物车事件************************************/
//	//思路  创建点击事件 点击后有默认样式上传
//	/*获取商品信息
//	 * 获取商品名
//	 var name=$(".details h4").text()
//	 获取商品图片
//	 var imgsrc=$(".xie-active img").attr("src")
//	 获取规格
//	 var gueige=$(".xie-active a").attr("title")
//	 获取原价
//	 var yuanjia= parseFloat($(".yuanjia").text())
//	 //获取销售价
//	 var xiaoshou=parseFloat($(".maijia").text())
//	 //获取折扣价
//	 var zhekou=parseFloat($(".jiesheng").text()) 
//	    获取鞋码
//	  $(".border-li").text()
//	  
//	  //信息获取结束
//	  先获取当前cookie  假设cookie名 goods
//	  //如果没有创建 一个cookie名为goods的cookie 
//	  然后重新获取cookie
//	*/
//	/******加载完成后求取总数********/
//	
//	$("#count").html(getTotal);
//	//侧边栏购物车
//	$("#sps").html(getTotal());
//	//加入购物车
//	$(".r-mai img").click(function(){
//		//获取当前 商品编号
//	var pidGoods=$("#bh1").val()
//	var cxiema=$(".border-li").text()
//	var imgsrc=$(".xie-active img").attr("src")
//	var xiaoshou=parseFloat($(".maijia").text())
//	var count=parseFloat($("#txt").val())
////	出现弹框 
//	$(".pop").css({"display":"block"})
//	//改变图片路径
//	$(".pop .js-left img").attr("src",imgsrc)
//	//改变数量
//	$(".pop .js-right .p2 span").html(count)
//	//改变总金额
//	$(".pop .js-right .p3 span b").html(count*xiaoshou)
//	//判断当前是否存在该商品
//	
//	var isHas=checkIsHasGoodById(pidGoods,cxiema)
////		//判断是否存在该商品
//		if(isHas){ //有
//			//有相同商品加加
//			updateGoodCountById(pidGoods,cxiema,count)
//		}else{//没有
//			
//			 var name=$(".details h4").text()
//			
//			 var gueige=$(".xie-active a").attr("title")
//			 var yuanjia= parseFloat($(".yuanjia").text())
//
//			 var zhekou=parseFloat($(".jiesheng").text()) 
//
//			 
//			 //上闯cookie的形式以对象性
//			 var good={
//			 	pid:pidGoods,
//			 	name:name,
//			 	gueige:gueige,
//			 	yuanjia:yuanjia,
//			 	xiaoshu:xiaoshou,
//			 	zhekou:zhekou,
//			 	cxiema:cxiema,
//			 	imgsrc:imgsrc,
//			 	count:count
//			 }
//			 //创建完新商品后 上传cookie 
//			 addGoodToCar(good)
//		}
//		//一些类操作后从新获取总数
//		$("#count").html(getTotal());
//		//侧边栏购物车
//		$("#sps").html(getTotal());
//		alert($.cookie("goods"))
//	})
//	
//	
//	
//})






